﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>DatePicker Themes</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link href="../../../../src/ui/calendar/datepicker/default.css" rel="stylesheet"
		type="text/css" media="screen" />
	<link href="../../../../src/ui/calendar/datepicker/dashboard/dashboard.css" rel="stylesheet"
		type="text/css" media="screen" />
	<link href="../../../../src/ui/calendar/datepicker/jqui/jqui.css" rel="stylesheet"
		type="text/css" media="screen" />
	<link href="../../../../src/ui/calendar/datepicker/vista/vista.css" rel="stylesheet"
		type="text/css" media="screen" />
	<style>
		.custom
		{
			border: 0;
			background: black;
			width: 193px;
		}
		.custom .header
		{
			background: black;
		}
		.custom .body
		{
			background: black;
			border: 0;
		}
	</style>
</head>
<body>
	<h1>
		DatePicker Themes</h1>
	<p>
		This demo shows you the current four supported themes. It is just a simple option
		of setting the picker classname to another CSS class.
	</p>
	<p>
		<label for="dashboard">
			Dashboard:</label><br />
		<input type="text" value="02/08/2011" id="dashboard" />
	</p>
	<p>
		<label for="jqui">
			jQuery UI:</label><br />
		<input type="text" value="02/08/2011" id="jqui" />
	</p>
	<p>
		<label for="vista">
			Vista:</label><br />
		<input type="text" value="02/08/2011" id="vista" />
	</p>
	<p>
		<label for="default">
			Default:</label><br />
		<input type="text" value="02/08/2011" id="default" />
	</p>
	<p>
		<label for="custom">
			Custom CSS classes</label><br />
		<input type="text" value="02/08/2011" id="custom" />
	</p>
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/'; </script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/ui/calendar/datepicker/themes.js"></script>
</body>
</html>
